@import url('./reset.css');
@import url('./animate.min.css');
@import url('./hover-min.css');
@import url('../layui/css/layui.css');
@import url('./swiper-bundle.min.css');

/* grid */
.sys-layer{margin: 0 auto;}
.sys-row{margin: 0 -8px;}
.sys-col{float: left;}
.sys-col-inner{margin: 0 8px;}
.sys-col-md{float:left;}
.sys-col-md-12 {width:100%;}
.sys-col-md-11 {width:91.66666667%;}
.sys-col-md-10 {width:83.33333333%;}
.sys-col-md-9 {width:75%;}
.sys-col-md-8 {width:66.66666667%;}
.sys-col-md-7 {width:58.33333333%;}
.sys-col-md-6 {width:50%;}
.sys-col-md-5 {width:41.66666667%;}
.sys-col-md-4 {width:33.33333333%;}
.sys-col-md-3 {width:25%;}
.sys-col-md-2 {width:16.66666667%;}
.sys-col-md-1 {width:8.33333333%;}
.gotop {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 99999;
    visibility: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 50px;
    height: 50px;
    // border-radius: 10%;
    background-color: #070278;
    color: #ffffff;
    text-align: center;
    transform: translateY(100%);
    font-size: 18px;
    line-height: 50px;
    opacity: 0;
    transition: all 0.5s;
    cursor: pointer;
    em{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        color: #fff;
        font-size: 12px;
        opacity: 0;
        -webkit-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        transition: all 0.5s;
        filter: alpha(opacity=0);
        -ms-transform: translateY(10px);
    
    }  
    &::before{
        display: block;
        content: '↑';
        font-family: 'fontawesome';
        transition: all 0.5s;
    } 
    &:hover{
        &::before{
            opacity: 0;
            transform: translateY(-15px) scale(.5);
            filter: alpha(opacity=0);
            transition: all 0.5s;
        }
        em{
            opacity: 1;
            transform: none;
            transition: all 0.5s;
        }
    }
}
.gotop.active{
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    -ms-transform: none;
    transition: all 0.5s;
}
.layout_index{
    width: 1440px;
    margin: 0 auto;
}
.layout_main{
    width: 1480px;
    margin: 0 auto;
}
#spotlight{
    background: #0000006c !important;
}
@font-face {
    font-family:MiSans-Bold ;
    src: url(./MiSans-Bold.ttf);
}
@font-face {
    font-family:MiSans;
    src: url(./MiSans-Regular.ttf);
}
.container{
    font-family:MiSans;
    aside{
        width:300px;
        .side-tit{
            background-color: transparent;
            color:#2A2B32;
            font-family: Source Han Sans SC;
            font-size: 20px;
            font-style: normal;
            padding-left: 0;
            font-weight: 700;
            line-height: normal;
            text-transform: capitalize;
        }
        .side-widget{
            margin-bottom: 30px;
            // 一级菜单
            >.side-cate{
                display: flex;
                flex-direction: column;
                >li{
                    position: relative;
                    a{
                        font-family:Arial, Helvetica, sans-serif;
                        font-size: 20px;
                        font-style: normal;
                        font-weight:normal;
                        line-height: normal;
                        text-transform: capitalize;

                    }
                   b{
                    cursor: pointer;
                    position: absolute;
                    right: 0;
                    color: #2A2B32;
                    line-height: 12px;
                    font-size: 12px;
                    top: 10px;
                    transition: all 0.5s;
                    transform-origin: center;
                    // transform: translateX(-20%);
                   }
                    // 二级菜单
                    .sub-menu{
                       margin-top: 10px;
                       display: none;
                       li{
                        border-top: none;
                        line-height: 2.5;
                        a{
                            font-family: Ubuntu;
                            color: #8C92AC;
                            font-size: 16px;
                            font-weight: 400;
                            line-height: 130%; /* 20.8px */
                            text-transform: capitalize; 
                            font-size: 15px;
                            em{
                               
                            }
                        }
                        
                       }
                    }
                    
                }
                .current-menu-item{
                    a{
                        color: #2A2B32;
                    }
                }
               
            }
        }

        .side-product-items{
            .items_content{
                padding-top: 0;
                ul{
                    margin-top: 20px;
                    li{
                        margin-bottom: 10px;
                        display: flex;
                        &:hover{
                            a{
                                 text-decoration: none;
                                 .item_img{
                                    img{
                                        transform: scale(1.1);
                                        transition: all 0.5s;
                                    }
                                 }
                            }
                           
                        }
                        a{
                            display: flex; 
                            justify-content: space-between;
                            align-items: center;
                            .item_img{
                                max-width: 120px;
                                overflow: hidden;
                                img{
                                    width: 100%;
                                    transition: all 0.5s;
                                }
                            }
                            .item_info{
                                flex: 0 55%;
                                .title{
                                    color: #2A2B32;
                                    font-family: Source Han Sans SC;
                                    font-size: 14px;
                                    font-weight: 700;
                                    line-height: 130%; /* 18.2px */
                                    text-transform: capitalize;
                                    margin-bottom: 10px;
                                    
                                }
                                .desc{
                                    color: #8C92AC;
                                    font-family: Ubuntu;
                                    font-size: 14px;
                                    font-weight: 300;
                                    line-height: 150%; /* 21px */
                                    
                                }
                            } 
                        }
                    }
                }
            }
        }
        
    }
    .index_head {
        // background: #FFF;
        position: fixed;
        z-index: 99;
        width: 100%;
        .head_holder {
            display: none !important;
        }
    
        .Warpper {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 5px 0;
            .logo {
                flex: 0 20%;
                order: 1;
                float: left;
                display: flex;
                align-items: center;
                a {
                    color: #2A2B32;
                    font-size: 16px;
                    font-family: Source Han Sans SC;
                    font-weight: 700;
                    text-transform: capitalize;
                    img{
                        max-width: 250px;
                    }
                    &:hover {
                        text-decoration: none;
                    }
                }
            }
    
            .web_nav {
                flex: 1;
                order: 2;
                display: flex;
                // 一级菜单
                ul {
                    display: flex;
                    width: 100%;
                    justify-content: space-between;
                    li {
                        text-align: center;
                        position: relative;
                        // width: 100%;
                        flex: auto;
                        >a {
                            font-size: 20px;
                            color: #2A2B32;
                            display: block;
                            width: 100%;
                            line-height: 60px;
                            text-align: center;
                            font-family: Source Han Sans SC;
                            text-transform: capitalize;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            em{
                                width: 100%;
                            }
                            b {
                                margin-left: 4px;
                                transform: translateX(-0.8vw);
                                &::after {
                                    content: '';
                                    display: block;
                                    width: 0;
                                    height: 0;
                                    border: 4px solid #333;
                                    border-top-width: 5px;
                                    border-bottom: 0;
                                    border-left-color: transparent;
                                    border-right-color: transparent;
                                    vertical-align: middle;
                                    transition: all 0.5s;
                                }
                            }
    
                        }
                        // 二级菜单
                        ul {
                            position: absolute;
                            display: block;
                            background-color: #fff;
                            width: 250px;
                            z-index: 99;
                            border-top: 2px solid #070278;
                            transform: translateY(20px) scale(0.9);
                            transition: all 0.3s;
                            opacity: 0;
                            visibility: hidden;
                            >li {
                                margin: 0;
                                padding: 0;
                                border-bottom: 1px dashed #ccc;
                                &:last-child{
                                    border-bottom: none;
                                }
                                a{
                                    font-weight: normal ;
                                    width: auto;
                                    color: #555;
                                    line-height: 2.2;
                                    padding: 0 15px;
                                    text-align: left;
                                    font-size: 16px;
                                    justify-content: start;
                                    &::before{
                                        content: '';
                                        display: block;
                                        width: 4px;
                                        height: 30%;
                                        background-color: #aaa;
                                        position: absolute;
                                        left: 0;
                                        top: 40%;
                                        opacity: 0;
                                        transition: all 0.5s;
                                    }
                                    >b {
                                        margin-left: 4px;
                                        transform: none;
                                        &::after {
                                            content: '';
                                            display: inline-block;
                                            width: 0;
                                            height: 0;
                                            overflow: hidden;
                                            border: 5px solid #aaa;
                                            border-left-width: 6px;
                                            border-right: 0;
                                            border-top-color: transparent;
                                            border-bottom-color: transparent;
                                            position: absolute;
                                            right:20px;
                                            top: 14px;
                                        }
                                    }
        
                                }
                                // 三级菜单
                                >ul{
                                    position: absolute;
                                    // width: 300px;
                                    left: 250px;
                                    margin-top: 0;
                                    top: -2px;
                                    opacity: 0;
                                    visibility: hidden;
                                    transform: translateX(20px);
                                    li{
                                        border-bottom: 1px dashed #ccc;
                                        &:last-child{
                                            border-bottom: none;
                                        }
                                    }
                                    
                                }
                                // 二级li hover
                                &:hover{
                                    >a{
                                        font-weight: normal;
                                        text-decoration: none;
                                        color: #000;
                                        &::before{
                                            top: 50%;
                                            margin-top: -11px;
                                            height: 22px;
                                            opacity: 1;
                                            filter: alpha(opacity=100);
                                            background-color:#070278;
                                            transition: all 0.5s;
                                            }
                                        >b{
                                            &::after{
                                                transform: rotate(0);
                                                border-color: #fff;
                                                border-left-color: #070278;
                                            }
                                            
                                        }
                                            
                                    }
                                    >ul{
                                        opacity: 1;
                                        visibility: visible;
                                        transform: translateX(0);
                                        transition: all 0.3s;
                                    }
                                    
                                    
                                }
                                
                            }
                        }
                        // 一级lihover
                        &:hover {
                            >a {
                                font-weight: bold;
                                color: #070278;
                                >b {
                                    &::after {
                                        transform: rotate(180deg);
                                        transition: all 0.5s;
                                        border-color:#070278;
                                        border-left-color: transparent;
                                        border-right-color: transparent;
                                    }
    
                                }
                            }
                            >ul{
                                opacity: 1;
                                transform: translateX(0) scale(1);
                                visibility: visible;
                                transition: all 0.3s;
                            }
                           
    
    
                        }
    
                    }
    
                    .nav-current {
                        >a {
                            font-weight: bold;
                            color: #070278;
                            &::after{
                                content: "";
                                background-color: #070278;
                                position: absolute;
                                bottom: 0;
                                width: 50%;
                                height: 4px;
                            }
                            

                        }
                    }
                }
            }
    
            .search {
                flex: 0 10%;
                order: 3;
                display: flex;
                align-items: center;
                .search_Warp{
                    background-color: #eff4fa;
                    display: flex;
                    border-radius: 8px;
                    input{
                        border: none;
                        width:5.2vw;
                        background: transparent;
                        line-height: 2;
                        padding: 2px  10px;
                        
                    }
                    #sub{
                        width: 30px;
                        background-image: url(../img/search_btn.png);
                        background-position: top;
                        transition: all 0.3s;
                        &:hover{
                            transition: all 0.3s;
                            background-position: bottom;
                        }
                    }
                }
                .change-language {
                    display: inline-block;
                    position: relative;
                    text-align: left;
                    vertical-align: middle;
                    margin-left: 8px;
                }
    
                .btn--search {
                    display: inline-block;
                    border-radius: 50%;
                    position: relative;
                    vertical-align: middle;
                    cursor: pointer;
                    -webkit-box-sizing: content-box;
                    box-sizing: content-box;
                    margin-top: 1px;
                    

                }
                
                .btn--search:before,
                .btn--search:after {
                    content: '';
                    display: inline-block;
                    width: 29px;
                    height: 29px;
                    background-image: url(../img/search_btn.png);
                    background-repeat: no-repeat;
                    background-position: center -2px;
                    vertical-align: middle;
                    -webkit-transition: all .3s ease;
                    -o-transition: all .3s ease;
                    transition: all .3s ease;
                }
    
                .btn--search:after {
                    background-position: center -35px;
                    position: absolute;
                    left: 0;
                    top: 0;
                    border-radius: 50%;
                    -webkit-transform: translateY(50%);
                    -ms-transform: translateY(50%);
                    -o-transform: translateY(50%);
                    transform: translateY(50%);
                    opacity: 0;
                    filter: alpha(opacity=0);
                }
    
                .btn--search:hover:after {
                    -webkit-transform: none;
                    -ms-transform: none;
                    -o-transform: none;
                    transform: none;
                    opacity: 1;
                    filter: alpha(opacity=100);
                }
    
                .btn--search:hover:before {
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    transform: translateY(-50%);
                    opacity: 0;
                    filter: alpha(opacity=0);
                }
    
            }
            .btn_contact{
                flex: 0 5%;
                order: 3;
                .btn{
                    display: block;
                    border-radius: 4px;
                    background: #070278;
                    padding: 8px 20px;
                    font-size: 14px;
                    color: #fff;
                    text-transform: capitalize;
                    &:hover{
                        text-decoration: none;
                    }
                }
            }
        }
    
    }
    .index_title{
        font-size: 60px;
        font-family:MiSans-Bold;
        color: #fff;
    }
    .index_desc{
        font-size: 20px;
        color: #fff;
    }
    .index_main{
        .bannerWarpper{
            overflow: hidden;
            .swiper{
                .swiper-wrapper{
                    .swiper-slide{
                        .imgWarpper{
                            position: relative;
                            width: 100%;
                            height: 100%;
                            transition: 1s linear 2s;
                            // 这个slide大是整体缩小，小是整体放大
                            transform: scale(1.0,1.0);
                            img{
                                width: 100%;
                                height: 100%;
                            }
                            .info{
                                position: absolute;
                                top: 8.5vw;
                                width: 30vw;
                                left: 17vw;
                                h3{
                                    color: #2A2B32;
                                    font-family: Ubuntu;
                                    font-size: 2.52vw;
                                    font-weight: bold;
                                    line-height: 1.2;
                                    text-transform: capitalize;
                                }
                                p{
                                    margin-top: 1vw;
                                    font-family: Open Sans;
                                    color: #2A2B32;
                                    font-size: 0.84vw;
                                    font-weight: 300;
                                    line-height: 1.2;
                                    text-transform: capitalize;
                                }
                                ul{
                                    margin-top: 1vw;
                                    padding-left: 1vw;
                                    li{
                                        margin-top: 0.5vw;
                                        color: #2A2B32;
                                        font-family: Open Sans;
                                        font-size: 0.84vw;
                                        font-weight: 300;
                                        line-height: 1.2;
                                        text-transform: capitalize;
                                        list-style-type: disc;
                                        &::marker{
                                            font-size: 1vw;
                                            color: #3385FF;
                                        }

                                    }
                                }
                                .banner_btn{
                                    margin-top: 3vw;
                                    display: flex;
                                    align-items: center;
                                    gap:0  2.5vw;
                                    .more{
                                        color: #FFF;
                                        padding: 12px 40px;
                                        background-color: #0682FF;
                                        font-family: Ubuntu;
                                        font-size: 1.2vw;
                                        border-radius: 90px;
                                        font-weight: 700;
                                        text-transform: capitalize;
                                    }
                                    .contact_btn{
                                        color: #2A2B32;
                                        font-family: Ubuntu;
                                        font-size: 1.2vw;
                                        font-weight: 400;
                                        text-transform: capitalize;
                                    }
                                    a{
                                        &:hover{
                                            text-decoration: none;
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .swiper-slide-active{
                        .imgWarpper{
                            transition: 3s linear;
                            transform: scale(1.05);
                            
                        }
                    }
                    .swiper-slide-duplicate-active{
                        .imgWarpper{
                            transition: 3s linear;
                            transform: scale(1.05);
                            
                        }
                    }
                    
                }
            }
        }
       .aboutWrap{
        padding: 5vw 0;
        .Wrap{
            padding-left: 13vw;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .left{
                flex: 0 45%;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                .about_title{
                    font-size: 60px;
                    color: #070278;
                    font-family:MiSans-Bold ;
                    margin-bottom: 3vw;
                }
                .about_desc{
                    font-size: 20px;
                    line-height: 1.5;
                    color: #070278;
                }
                .aboutNum{
                    margin-top: 2vw;
                    width: 100%;
                    ul{
                        display: flex;
                        justify-content: space-between;
                        li{
                            color: #070278;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            h3{
                                font-size: 45px;
                            }
                            h6{
                                font-size: 18px;
                            }
                            
                        }
                    }
                }
                .about_more{
                    margin-top: 2vw;
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    color: #fff;
                    font-size: 16px;
                    background-color: #070278;
                    border: 1px solid #070278;
                    padding: 10px 20px ;
                    transition: all .3s;
                    svg{
                        path{
                            transition: all .3s;
                        }
                    }
                    &:hover{
                        background-color: #fff;
                        color: #070278;
                        transition: all .3s;
                        
                        svg{
                            path{
                                fill: #070278;
                                transition: all .3s;
                            }
                        }
                    }
                }
            }
            .right{
                flex: 0 50%;
            }
        }
       }
       .proWrap{
        background-image: url(../img/index/pro_bg.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 5vw 0;
        margin-bottom:50px;
        .titleWrap{
            margin-bottom: 40px;
        }
        .Wrap{
            display: flex;
            .left{
                flex: 0 40%;
                position: relative;
                padding: 10px;
                a{
                    display: block;
                    overflow: hidden;
                }
                .imgWrap{
                    width: 100%;
                   img{
                    width: 100%;
                    transition: all .5s;
                   }
                }
                p{
                    position: absolute;
                    bottom: 20px;
                    left: 20px;
                    font-size: 18px;
                    color: #3b3b3b;
                }
                &:hover{
                    .imgWrap{
                        img{
                            transform: scale(1.1);
                            transition: all .5s;
                        }
                    }
                }
            }
        }
        ul{
            flex: 0 60%;
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            
            li{
                flex: 0 33.3333%;
                padding: 10px;
                height: auto;
                float: right;
                position: relative;
                a{
                    display: block;
                    overflow: hidden;
                }
               .imgWrap{
                width: 100%;
                    img{
                        width: 100%;
                        transition: all .5s;
                    }
               }
               p{
                position: absolute;
                bottom: 20px;
                left: 20px;
                font-size: 18px;
                color: #3b3b3b;
               }
               &:hover{
                .imgWrap{
                    img{
                        transform: scale(1.1);
                        transition: all .5s;
                    }
                }
               }
            }
        }
       }
       .whatWrap{
        display: flex;
        position: relative;
        margin-bottom: 50px;
        .text{
            font-size:9vw;
            font-family:MiSans-Bold ;
            color: #ffffff18;
            position: absolute;
            left: 0;
            line-height: 1;
            top: 50%;
            transform: translateY(-50%);
            writing-mode: vertical-rl;

        }
        .left{
            flex: 0 45%;
            padding: 5vw 0;
            background-image: url(../img/index/what_left.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            .titleWrap{
                width: 70%;
                margin-left:12%;
                .index_desc{
                    margin-top: 20px;
                }
            }
        }
        .right{
            flex: 0 55%;
            padding: 13vw 0;
            background-image: url(../img/index/what_right.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            .contact{
                position: absolute;
                right: 8vw;
                top: 5vw;
                a{
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    .icon{
                        background-color: #fff;
                        width: 50px;
                        height: 50px;
                        border-radius: 50%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                    font-size: 27px;
                    color: #fff;
                }
            }
            .hd{
                .arrow{
                    position: absolute;
                    bottom: 5vw;
                    right: 10vw;
                    display: block;
                    height: 40px;
                    width: 100px;
                    a{
                        display: block;
                        background-color: #070278;
                        width: 100px;
                        height: 40px;
                        float: right;
                        overflow: hidden;
                        cursor: pointer;
                        background-repeat: no-repeat;
                        background-position: center;
                        background-image:url(../img/index/next.png);
    
                }
            }
                ul{
                    display: flex;
                    
                    flex-wrap: wrap;
                    li{
                        background-color: rgba(255, 255, 255, .5);
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        padding:1vw 2.8vw;
                        background-image:none ;
                        transition: all .3s;
                        width: 12vw;
                        .icon{
                            svg{
                                width:5vw;
                                height:5vw;
                                path{
                                    fill: #404040;
                                    transition: all .3s;
                                }
                            }
                        }
                        p{
                            color: #3A3A3A;
                            font-size: 30px;
                            text-transform: capitalize;
                            font-weight: bold;
                        }
                       
                        &:nth-child(3){
                           margin-right: 10%;
                        }
                        &:nth-child(4){
                            margin-left:12vw ;
                        }
                    }
                    .on{
                        background-image: url(../img/index/what_li.png);
                        background-position: center;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                        transition: all .3s;
                        .icon{
                            svg{
                                path{
                                    fill: #fff;
                                    transition: all .3s;
                                }
                            }
                        }
                        p{
                            color: #fff;
                        }
                    }
                }
            }
            .bd{
                position: absolute;
                left:18%;
                width: 20vw;
                bottom: 0;
                margin-bottom: 5vw;
                .Wrap{
                    .title{
                        color: #fff;
                        font-size: 40px;
                    }
                    .desc{
                        color: #fff;
                        font-size: 20px;
                    }
                }
            }
           
           

        }
       }
       .standWrap{
        background-image: url(../img/index/pro_bg.png);
        background-position: center;
        background-repeat: no-repeat;
        padding: 5vw 0 0 0;
        margin-bottom:10vw;
        .titleWrap{
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            .title{
                .index_desc{
                    font-size: 46px;
                    margin-top: 20px;
                }
            }
            .more{
                width: 100px;
                font-size: 40px;
                line-height: 1;
                background-color: #fff;
                a{
                    color:#070278;
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    
                }
            }
        }
        .list{
            transform: translateY(30%);
            display: flex;
            li{
                flex: 0 25%;
                position: relative;
                .imgWrap{
                    width: 100%;
                    img{
                        width: 100%;
                    }
                }
                .infoWrap{
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background-color: rgba(0, 0, 0, 0.6);
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    padding:40px  20px;
                    transition: all .5s;
                    .icon{
                        flex:0 40%;
                    }
                    .info{
                        flex: 0 50%;
                        color: #fff;
                       .title{
                        font-size: 26px;
                        font-weight: bold;
                        margin-bottom: 10px;
                        
                       }
                       .desc{
                        font-size: 18px;
                       }
                    }
                }
                &:hover{
                    .infoWrap{
                        background-color: #080278bd;
                        transition: all .5s;
                    }
                }
            }
        }
       }
       .newWrap{
        background-color: #F5F5F5;
        padding: 5vw 0;
        margin-bottom: 50px;
            .titleWrap{
            display: flex;
            justify-content: space-between;
            align-items:center ;
            .index_title{
                color: #070278;
            }
            .more{
                width: 100px;
                font-size: 40px;
                line-height: 1;
                background-color: #070278;
                float: right;
                a{
                    color:#fff;
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    
                }

            }
            }
            .Wrap{
                display: flex;
                // align-items: center;
                position: relative;
                justify-content: space-between;
                gap: 3vw;
                margin-top: 3vw;
              .left{
                flex: 0 45%;
                .news_img{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    
                    .infoWrap{
                        // max-width: 550px;
                        position: relative;
                        img{
                            width: 100%;
                        }
                        .new_info{
                            position: absolute;
                            width: 100%;
                            bottom: 0;
                            padding: 10px;
                            background-color: #080278b4;
                            color: #fff;
                            .new_date{
                                font-size: 14px;
                                margin-bottom: 5px;
                            }
                            .new_title{
                                margin-bottom: 10px;
                                font-size: 24px;
                            }
                            .new_desc{
                                font-size: 16px;
                                display: -webkit-box;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                margin-bottom: 10px;
                            }
                           

                        }
                    }
                    
                }
              }
              .right{
                flex: 0 55%;
                border-left: 1px solid rgba(0, 0, 0, .5);
                display: flex;
                align-items: center;
                ul{
                    padding-left: 30px;
                    display: flex;
                    flex-direction: column;
                    gap: 50px;
                    li{
                        position: relative;
                        a{
                            .new_date{
                                color: #797979;
                                font-size: 16px;
                                margin-bottom: 10px;
                                transition: all .3s;
                            }
                            .new_title{
                                margin-bottom: 20px;
                                font-size: 24px;
                                color: #000;
                                font-weight: bold;
                                transition: all .3s;
                            }
                            .new_desc{
                                margin-bottom: 20px;
                                color: #797979;
                                font-size: 18px;
                                transition: all .3s;
                            }
                            .new_more{
                                color: #797979;
                                font-size: 40px;
                                transition: all .3s;
                            }
                        }
                        &:hover{
                            a{
                                .new_date{
                                    color: #070278;
                                    transition: all .3s;
                                }
                                .new_title{
                                    color: #070278;
                                    transition: all .3s;
                                }
                                .new_desc{
                                    color: #070278;
                                    transition: all .3s;
                                }
                                .new_more{
                                    color: #070278;
                                    transition: all .3s;
                                    margin-left: 20px;
                                }
                            }
                            &::before{
                                height: 25%;
                                transition: all .3s;
                            }
                        }
                        &::before{
                            position: absolute;
                            content: "";
                            width: 3px;
                            height: 0;
                            background-color: #070278;
                            left: -32px;
                            transition: all .3s;
                        }
                    }
                }
              }
            }
       }
       .loveWrap{
        background-image: url(../img/index/love.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 5vw 0;
        position: relative;
        .Wrap{
            padding-left: 13vw;
            display: flex;

            .left{
                flex: 0 35%;
                .logo{
                    margin-bottom: 20px;
                    img{
                        max-width: 178px;
                    }
                }
                .title{
                    font-family:MiSans-Bold;
                    font-size: 55px;
                    font-weight: bold;
                    color: #fff;
                }
            }
            .right{
                width: 65%;
                .loveswiper{
                    width: 100%;
                    overflow: hidden;
                    .swiper-slide{
                        width: 100%;
                        cursor: pointer;
                        .slideWrap{
                            background-color: #fff;
                            border-radius: 10px;
                            overflow: hidden;
                            display: flex;
                            flex-direction: column;
                            .imgWrap{
                                width: 100%;
                                img{
                                    width: 100%;
                                    height: 300px;
                                    object-fit: cover;
                                }
                            }
                            .info{
                                padding: 20px;
                                .icon{
                                    margin-bottom: 10px;
                                    img{
                                        max-width: 150px;
                                    }
                                }
                                .desc{
                                    font-size: 16px;
                                    margin-bottom: 10px;
                                }
                                .customer{
                                    display: flex;
                                    align-items: center;
                                    gap: 10px;
                                    .pic{
                                        width: 50px;
                                        height: 50px;
                                        border-radius: 50%;
                                        overflow: hidden;
                                        img{
                                            width: 100%;
                                            height: 100%;
                                        }
                                    }
                                    .post{
                                        .name{
                                            font-size: 18px;
                                            font-weight: bold;
                                        }
                                        .job{
                                            font-size: 16px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .swiper-button-prev{
                left: 13vw;
                top: auto;
                bottom:5vw;
                width: 70px;
                height: 70px;
                background: #070278;
                color: #fff;
            }
            .swiper-button-next{
                left: 17vw;
                top: auto;
                bottom:5vw;
                width: 70px;
                height: 70px;
                background: #070278;
                &::after{
                    color: #fff;
                }

            }
        }
       }
       .quoteWrap{
        padding: 3vw 0;
        .index_title{
            color: #070278;
        }
        .Wrap{
            margin-top: 2vw;
            display: flex;
            justify-content: space-between;
            // align-items: center;
            .left{
                flex: 0 45%;
                .desc{
                    font-size: 25px;
                    line-height: 1.5;
                    color: rgba(0, 0, 0, 0.6);
                }
            }
            .right{
                flex: 0 50%;
                .title{
                    color: #070278;
                    font-size: 36px;
                    font-family:MiSans-Bold ;
                    text-transform: capitalize;
                    margin-bottom: 20px;
                    
                }
                .index_quiry{
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    .inputWrap{
                        display: flex;
                        justify-content: space-between;
                        flex-wrap: wrap;
                        input{
                            width: 49%;
                            margin-bottom: 10px;
                            padding: 10px;
                            border: 1px solid #E4E6EA;
                            font-size: 16px;
                            &::placeholder{
                                color: #949494;
                            }
                            &:nth-of-type(3){
                                width: 100%;
                            }
                        }
                        textarea{
                            margin-bottom: 30px;
                            width: 100%;
                            font-size: 16px;
                            border: 1px solid #E4E6EA;
                            padding: 10px;
                            &::placeholder{
                                color: #949494;

                            }
                        }
                    }
                    .sub{
                        width: 30%;
                        padding: 10px;
                        font-size: 16px;
                        color: #fff;
                        background-color: #070278;
                        border: none;
                    }
                }
            }
        }

       }

    }
    .page_main{
        padding-bottom: 150px;
        .page_bar{
            margin-top: 60px;
            float: right;
            .pages{
                display: flex;
                a{
                    margin-right: 6px;
                    color: #8C92AC;
                    font-size: 16px;
                    font-family: Times New Roman;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    display: inline-block;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    &:hover{
                        text-decoration: none;
                        background-color: #E8E8E9;
                        color: #2A2B32;
                    }
                }
                .current{
                    background-color: #E8E8E9;
                    color: #2A2B32;
                }
            }
        }
    .layout_main{
        display: flex;
        justify-content: space-between;
        margin-top: 80px;
    }
    .page_title{
        font-family: Arial, Helvetica, sans-serif;
        text-transform: capitalize;
        font-size: 22px;
        font-weight: normal;
        color: #333;
        line-height: 32px;
        padding-bottom: 5px;
        border-bottom: 1px solid #ddd;
    }
    
       
        .main{
            width: calc(100% - 360px);
            ul{
                display: flex;
                flex-wrap: wrap;
                gap: 1vw;
                li{
                    flex: 0 32%;
                    a{
                        &:hover{
                            text-decoration: none;
                            .imgWarpper{
                                img{
                                    transform: scale(1.1);
                                    transition: all 0.5s;
                                }
                            }
                            .info{
                                .title{
                                    color: #3385FF;
                                    transition: all 0.5s;
                                }
                                .desc{
                                    color: #3385ffbd;
                                    transition: all 0.5s;
                                }
                            }
                        }
                        .imgWarpper{
                            max-width: 348px;
                            overflow: hidden;
                            img{
                                width: 100%;
                                transition: all 0.5s;
                            }
                        }
                        .info{
                            padding: 20px;
                            box-shadow: 0px 10px 10px 0px rgba(0, 24, 75, 0.05);
                            .title{
                                color: #2A2B32;
                                font-family: Source Han Sans SC;
                                font-size: 20px;
                                font-weight: 700;
                                line-height: 130%; /* 26px */
                                text-transform: capitalize;
                                margin-bottom: 10px;
                                transition: all 0.5s;

                            }
                            .desc{
                                margin-bottom: 30px;
                                color: #8C92AC;
                                font-family: Ubuntu;
                                font-size: 16px;
                                font-weight: 300;
                                line-height: 150%; 
                                display: -webkit-box;
                                -webkit-line-clamp: 1;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                transition: all 0.5s;
                            }
                            .more{
                                color: #3385FF;
                                font-family: Ubuntu;
                                font-size: 16px;
                                font-weight: 400;
                                line-height: 130%; /* 20.8px */

                            }
                        }
                    }
                }
            }
        }
        .detail_main{
            font-family: Arial, Helvetica, sans-serif;
            .stampingWarp{
                .list{
                    display: flex;
                    justify-content: space-between;
                    margin-bottom: 30px;
                    .left{
                        flex: 0 45%;
                        .imgWarp{
                            width: 100%;
                            img{
                                width: 100%;
                            }
                        }
                        p{
                            font-family: Arial, Helvetica, sans-serif;
                            font-size: 20px;
                            color: #282828;
                            margin-bottom: 10px;
                            line-height: 2;
                            
                        }
                    }
                    .right{
                        flex: 0 50%;
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 20px;
                        color: #282828;
                        line-height: 2;
                    }
                }
                .stamping{
                    margin-top: 30px;
                    
                }
                .material{
                    margin-bottom: 80px;
                    .list{
                        flex-direction: row-reverse;
                        .left{
                            .imgWarp01{
                                display: flex;
                                img{
                                    width: 50%;
    
                                }
                            }
                        }
                        .right{
                           font-size: 18px;
                            line-height: 1.8;
                            ul{
                               margin: 1vw 0;
                                font-size: 16px;
                                display: block;
                                color: #282828;
                                font-weight: 600;
                                li{
                                    list-style-type: disc;
                                   margin-left: 20px;
                                }
                            }
                            p{
                                font-weight: bold;
                            }
                            span{
                                display: inline-block;
                            }
                        }
                    }
                }
                .videoWarp{
                    margin-bottom: 80px;
                    .list{
                        flex-direction: row-reverse;
                       
                        .left{
                          iframe{
                            width: 100%;
                            height: 100%;
                          }
    
                        }
                        .right{
                            font-size: 18px;
                            line-height: 1.6;
                            p{
                                font-weight: bold;
                               
                            }
                            span{
                                display: inline-block;
                                margin: 10px 0;
                            }
                        }
                    }
                }
                .choose{
                   .title{
                    font-family: Arial, Helvetica, sans-serif;
                    text-transform: capitalize;
                    font-size: 22px;
                    font-weight: normal;
                    font-weight: bold;
                    text-align: center;
                    color: #333;
                    padding-bottom: 5px;
                   }
                    ul{
                        display: block;
                        margin-top: 20px;
                        li{
                            display: flex;
                            margin-bottom: 15px;
                            font-size: 18px;
                            line-height: 1.6;
                            
                           &::before{
                            content: "";
                            background-image: url(../img/page/arrow.png);
                            background-size: 100%;
                            min-width: 15px;
                            height: 15px;
                            margin-right: 10px;
                            margin-top: 10px;
                            display: inline-block;
                            
                           } 
                        }
                    }
                }
            }
            .PremiumWarp{
                .material{
                    margin-top: 30px;
                    margin-bottom: 50px;
                    .imgWarp{
                        width: 100%;
                        img{
                            width: 100%;
                        }
                    }
                    p{
                        margin-top: 10px;
                        font-size: 20px;
                        color: #282828;
                        line-height: 1.6;
                        font-weight: bold;
                    }
                    span{
                        font-size: 18px;
                        word-break: break-all;
                    }
                }
                .processes{

                    .list{
                        margin-bottom: 50px;
                        p{
                            font-size: 20px;
                            font-weight: bold;
                            margin-bottom: 10px;
                        }
                        span{
                            font-size: 18px;
                            display: inline-block;
                            margin-top: 10px;
                        }
                        .Warp{
                            display: flex;
                            justify-content: space-between;
                            .left{
                                flex: 0 35%;
                                .imgWarp{
                                    width: 100%;
                                    img{
                                        width: 100%;
                                    }
                                }
                            }
                            .right{
                                flex: 0 60%;
                                h6{
                                    margin-top: 20px;
                                    font-size: 18px;
                                    margin-bottom: 20px;
                                    font-weight: bold;
                                }
                                span{
                                    line-height: 2;
                                }
                            }
                        }
                    }
                }
                .properties{
                    h3{
                        font-size: 20px;
                        margin-bottom: 20px;
                    }
                    .item{
                        margin-bottom: 30px;
                        display: flex;
                        flex-direction: column;
                        gap: 15px 0;
                        p{
                            font-size: 18px;
                            font-weight: bold;
                        }
                        span{
                            display: inline-block;
                            font-size: 16px;
                            line-height: 1.6;
                            b{
                                font-weight: bold;
                            }
                        }
                    }
                }
            }
            .supplyWarp{
                .supply{
                    margin-top: 30px;
                    .imgWarp{
                        width: 100%;
                        img{
                            width: 100%;
                        }
                    }
                    h6{
                        margin-top: 10px;
                        font-size: 18px;
                        color: #282828;
                        line-height: 1.6;
                        p{
                            font-weight: bold;
                            display: inline-block;
                            font-size: 20px;
                        }
                    }
                }
                .material{
                    margin-top: 20px;
                    h3{
                        font-size: 20px;
                    }
                    .item{
                        h6{
                            line-height: 1.5;
                            margin-bottom: 20px;
                            margin-top: 20px;
                            span{
                                font-weight: bold;
                            }
                        }
                        table{
                            width: 100%;
                            border: 1px solid #282828;
                            margin-bottom: 15px;

                            td{
                                border: 1px solid #282828;
                                text-align: center;
                                padding: 5px 0;
                                font-size: 16px;
                                line-height: 1.5;
                            }
                           thead{
                            th{
                                border: 1px solid #282828;
                                padding: 10px 0;
                                font-size: 18px;
                                font-weight: normal;
                            }
                           }
                        }
                        span{
                           display: inline-block;
                           font-size: 18px;
                           margin-bottom: 15px;
                           b{
                            font-weight: bold;
                           }
                        }
                    }
                    h2{
                        margin-top: 20px;
                        font-size: 22px;
                    }
                }
            }
            .customWarp{
                margin-top: 30px;
                .list{
                    display: flex;
                    justify-content: space-between;
                    margin-bottom: 80px;
                    .left{
                        flex: 0 45%;
                        .imgWarp{
                            width: 100%;
                            img{
                                width: 100%;
                            }
                        }
                        
                    }
                    .right{
                        flex: 0 53%;
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 20px;
                        color: #282828;
                        line-height: 1.5;
                    }
                }
                .videoWarp{
                    .list{
                        flex-direction: row-reverse;
                        
                        .left{
                            flex: 0 50%;
                            iframe{
                                width: 100%;
                                height: 100%;
                            }
                        }
                        
                        .right{
                            font-size: 18px;
                            flex: 0 48%;
                            h5{
                                font-size: 20px;
                                font-weight: bold;
                                margin-bottom: 10px;
                            }
                            p{
                                margin-bottom: 20px;
                                
                            }
                        }
                    }
                }
                .itemWarp{
                    width: 100%;
                    overflow: hidden;
                   position: relative;
                   margin-bottom: 80px;
                    .swiper-wrapper{
                        -webkit-transition-timing-function: linear; 
                        -moz-transition-timing-function: linear;
                        -ms-transition-timing-function: linear;
                        -o-transition-timing-function: linear;
                        transition-timing-function: linear; 
                    }
                    .items{
                        // display: flex;
                        // flex-wrap: nowrap;
                        // overflow: hidden;
                        // gap:0;
                        .swiper-slide{
                           width: 100%;
                            img{
                                width: 100%;
                            }
                        }
                }
                .swiper-button-prev,.swiper-button-next{
                    &::after{
                        color: #2A2B32;
                    }
                }
                }
                .material{
                    .list{
                        flex-direction: row-reverse;
                        align-items: center;
                        .left{
                            flex: 0 38%;
                        }
                        .right{
                            flex: 0 60%;
                            h5{
                                font-size: 20px;
                                font-weight: bold;
                                margin-bottom: 10px;
                            }
                            p{
                                font-size: 18px;
                            }
                            ul{
                                display: block;
                                li{
                                    list-style-type: disc;
                                    margin-left: 20px;
                                }
                            }
                        }
                    }

                    .list01{
                        .right{
                            ul{
                                display: flex;
                                flex-wrap: wrap;
                                gap: 0;
                                margin-top:10px;
                                li{
                                    flex: 0 30%;
                                    font-size: 18px;
                                }
                            }
                        }
                        
                    }
                }
                .choose{
                    h5{
                        font-size: 22px;
                        font-weight: bold;
                        margin-bottom: 20px;
                    }
                    p{
                        font-size: 20px;
                        font-weight: bold;
                        margin-bottom: 30px;
                    }
                    span{
                        display: block;
                        font-weight: normal;
                        font-size: 18px;
                        line-height: 1.5;
                    }
                }
                .faq{
                    h5{
                        font-size: 22px;
                        font-weight: bold;
                        margin-bottom: 20px;
                    }
                    .q{
                        margin-bottom: 30px;
                        font-size: 20px;
                        .a{
                            margin-top: 10px;
                            font-size: 18px;
                        }
                    }
                }
                
            }
        }
    }
    footer{
        .web_footer{
            background-image: url(../img/index/foot.png);
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            padding: 5vw 6vw 4vw 10vw;
            display: flex;
            position: relative;
            justify-content: space-between;
            gap:20px; 
            h3{
                margin-bottom: 40px;
                color: #fff;
                font-size: 24px;
                font-family: MiSans-Bold;

            }
            ul{
                li{
                    a{
                        color: #fff;
                        font-size: 20px;
                    }
                }
            }
           .snslink{
            position: absolute;
            left:5vw;
            bottom: 80px;
            .snslist{
                display: flex;
                flex-direction: column;
                gap: 15px;
                li{
                    a{
                        width: 30px;
                        height: 30px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 50%;
                        background-color: #ffffff8c;
                        position: relative;
                        transition: all .3s;
                        img{
                            width: 15px;
                            height: 15px;
                        }
                        &::after{
                            position: absolute;
                            content: "";
                            display: block;
                            width: 38px;
                            height: 38px;
                            border: 2px solid #ffffff8c;
                            border-radius: 50%;
                            opacity: 0;
                            transition: all .3s;
                        }
                    }
                    &:hover{
                        a{
                            background-color: #fff;
                            transition: all .3s;
                            &::after{
                                opacity: 1;
                                border: 2px solid #fff;
                                transition: all .3s;
                            }
                        }
                    }
                   
                }
            }
           }
           .foot_company{
            flex: 0 24%;
            .foot_logo{
                margin-bottom: 40px;
                img{
                    max-width: 150px;
                    
                }
            }
            .company_info{
                color: #fff;
                .title{
                    font-size: 20px;
                    font-weight: bold;
                    margin-bottom: 20px;
                }
                .desc{
                    font-size: 16px;
                }
            }
           }
           .foot_feature{
            flex: 0 20%;
           }
           .foot_menu{
            flex: 0 20%;

           }
           .foot_follow{
            flex: 0 24%;
           }

        }
        .sj-footer{
            display: none;
            width: 100%;
            position: fixed;
            bottom: 0;
            background-color: #070278;
            padding: 1vw 0;
            box-sizing: border-box;
            z-index: 999;
            ul{
                width: 96%;
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
                align-items: center;
                li{
                    a{
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        color: #fff;
                        font-size: 3vw;
                        svg{
                            path{
                                fill: #fff;
                            }
                        }
                        &:hover{
                            text-decoration: none;
                        }
                    }
                    
                }
                #f-logo{
                    .imgWarp{
                        width:30vw;
                        img{
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
    // 头部
    .fixed-nav {
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 11;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 1;
        background-color: #ffffffc7;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff);
        box-shadow: 1px 0 1px rgba(0, 0, 0, .3);
    }
    // 头部
    .fixed-nav-active {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
        -webkit-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        transition: all 0.6s ease;
    }
}

#inquiry_form{
    width: 30vw;
    display: none;
}
.form_title{
    font-size: 18px;
    color: #fff;
    line-height: 3.5;
    background: #326295;
    padding: 0 15px;
    font-weight: normal;
}
#form {
    background-color: #fff;
    // box-shadow: 0 0 10px #c5c5c5;
    padding: 0 22px 22px 22px;
    .list {
        margin-bottom: 15px;
        p {
            color: #2A2B32;
            font-size: 18px;
            line-height: 2;
            span {
                color: #FF4236;
              }
          }
        input {
            width: 100%;
            line-height: 3;
            padding-left: 10px;
            box-sizing: border-box;
            &::placeholder {
                font-size: 16px;
            }
        }
        textarea {
            width: 100%;
            box-sizing: border-box;
            padding: 10px;
            line-height: 2;
            resize: none;
            height: 120px;
            &::placeholder {
                font-size: 16px;
              }
          }
      }
    #submit {
        width: 30%;
        color: #fff;
        background-color: #070278;
        border: none;
        line-height: 3;
        font-size: 16px;
        margin-bottom: 15px;
        cursor: pointer;
      }
}
.sidebarWarpper{
    position: fixed;
    right: 0;
    bottom: 200px;
    transform: translateX(260px);
    z-index: 99;
    transition: all 0.5s;
    .sidebar{
        ul{
            width: 300px;
            li{
                background-color:#070278;
                margin-bottom:8px;
                padding: 8px;
                display: flex;
                align-items: center;
                border-radius:10px 0 0 10px ;
                .imgWarp{
                    width: 24px;
                    height: 24px;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                .info{
                    flex: 1 auto;
                    margin-left: 20px;
                    a{
                        font-size: 14px;
                        color: #fff;
                    }
                    p{
                        line-height: 30px;
                        font-size: 14px;
                        color: #fff;
                    }
                    .ewm{
                        width: 150px;
                        height: 150px;
                        img{
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
            }
            .ewmWarp{
                display: flex;
                align-items: flex-start;
                height: 40px;
                overflow: hidden;
                padding: 0;
                transition: all 0.5s;
                .imgWarp{
                    margin: 8px 0 8px 8px;
                }
                .info{
                    display: flex;
                    flex-direction: column;
                    p{
                        line-height: 40px;
                    }
                }
            }
        }
    }
    &:hover{
        transform: translateX(0);
        transition: all 0.5s;
        .sidebar{
            ul{
                .ewmWarp{
                    height: 210px;
                    transition: all 0.5s;
                }
            }
        }
    }
}

// 头部
@media screen and (max-width:1480px) {
    .layout_index{
        width: 90vw;
    }
    .layout_main{
        width: 95vw;
    }
    .container{
        .index_title{
            font-size: 40px;
        }
        .index_desc{
            font-size: 16px;
        }
        .index_head{
            .Warpper{
                .logo{
                    flex: 0 15%;
                }
                .web_nav{
                    flex: 0 62%;
                }
                .search{
                    flex: 0 12%;
                }
            } 
        } 
       .index_main{
        .aboutWrap{
            .Wrap{
                padding-left: 8vw;
                .left{
                    .about_title{
                        font-size: 50px;
                        margin-bottom: 20px;
                    }
                    .about_desc{
                        font-size: 16px;
                    }
                    .aboutNum{
                         ul{
                            li{
                               h3{
                                font-size: 36px;
                               } 
                               h6{
                                text-align: center;
                                font-size: 16px;
                               }
                            } 
                         } 
                    }
                } 
            } 
        } 
        .proWrap{
            ul{
               li{
                p{
                    font-size: 16px;
                }
               }  
            } 
        } 
        .whatWrap{
            .right{
                .contact{
                   a{

                   } 
                } 
                .hd{
                    ul{
                       li{
                        p{
                            font-size: 18px;
                        }
                       }  
                    } 
                }
                .bd{
                    width: 30vw;
                    left: 5%;
                    .Wrap{
                       
                        .desc{
                            font-size: 16px;
                        }
                    } 
                } 
            } 
        } 
        .loveWrap{
            .Wrap{
                padding-left: 5vw;
                .left{
                     .title{
                        font-size: 45px;
                     }
                }
                .swiper-button-next{
                    left:10vw;
                    width: 5vw;
                    height: 5vw;
                }
                .swiper-button-prev{
                    left: 5vw;
                    width: 5vw;
                    height: 5vw;
                }
            }
        } 
        .quoteWrap{
            .Wrap{
                .left{
                    .desc{
                        font-size: 20px;
                    }
                } 
            } 
        } 
       } 
    } 
}
@media screen and (max-width:1350px)  {
    .layout_index{
        width: 90vw;
    }
    .container{
        .hd_title{
            font-size: 3vw;
        }
        .index_main{
            .standWrap{
                .titleWrap{
                    .title{
                        .index_desc{
                            font-size: 30px;
                        }
                    } 
                } 
                .list{
                    li{
                        .infoWrap{
                            .info{
                                .title{
                                    font-size: 20px;
                                }
                            } 
                        } 
                    } 
                } 
            } 
            .newWrap{
                 .Wrap{
                    .left{
                        .news_img{
                            .infoWrap{
                                .new_info{
                                    .new_title{
                                        font-size: 20px;
                                    }
                                } 
                            } 
                        } 
                    } 
                    .right{
                        ul{
                            gap: 10px;
                            li{
                                a{
                                    .new_title{
                                        font-size: 20px;
                                        margin-bottom: 5px;
                                    }
                                    .new_desc{
                                        font-size: 16px;
                                        display: -webkit-box;
                                        -webkit-line-clamp: 3;
                                        -webkit-box-orient: vertical;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        margin-bottom: 10px;
                                    }
                                } 
                            } 
                        }
                    }
                 } 
            }
            
        }
        footer{

            .web_footer {
                .foot_company{
                    flex: 1;
                    .foot_logo{
                        margin-bottom: 20px;
                    }
                } 
                
                h3{
                    font-size: 20px;
                    margin-bottom: 20px;

                }
                ul{
                    li{
                        a{
                            font-size: 16px;
                        }
                    }
                }
            }
            
        }
    } 
}
@media screen and (max-width:1150px) {
    .layout_main{
        width: 98vw;
    }
    
    .container{
        .index_title{
            font-size: 30px;
        }
        .index_head{
            .Warpper{
                .logo{
                    flex: 0 10%;
                    a{
                        img{
                            max-width: 100px;
                        }
                    }
                }
                .web_nav{
                    flex: 0 67%;
                    ul{
                        li{
                           > a{
                            font-size: 16   px;
                           } 
                        } 
                    } 
                }
                .search{
                    flex: 0 14%;
                }
                .btn_contact{
                    .btn{
                        padding: 8px 10px;
                    }
                } 
            } 
        } 
        .page_main{
            .main{
                ul{
                    li{
                        flex: 0 48%;
                        a{
                            
                            .info{
                                .title{
                                    font-size: 16px;
                                }
                                .desc{
                                    margin-bottom: 2vw;
                                }
                            }
                        } 
                    } 
                } 
            } 
        } 
        .index_main{
            .whatWrap{
                .right{
                    .bd{
                        .Wrap{
                            .title{
                                font-size: 24px;
                            }
                        } 
                    } 
                } 
            } 
            .loveWrap{
                .Wrap{
                    .left{
                        .title{
                            font-size: 30px;
                        }
                    }
                    .right{
                        .swiper-button-next{
                            left:12vw;
                          
                        }
                        .swiper-button-prev{
                            left: 5vw;
                            
                        }
                    } 
                } 
            } 
        }
    } 
}
@media screen and (max-width:950px) {
    .index_main{
        padding-bottom: 100px;
    }
    .container{
        .index_title{
            font-size: 25px;
        }
        .index_head{
            display: none;
        }
        footer{
            .web_footer{
                display: none;
            }
            .sj-footer{
                display: block;
            }
        }
        .hd_title{
            font-size: 18px;
        }
        .index_main{
            margin-top: 25px;
            .bannerWarpper{
                .swiper{
                    .swiper-wrapper{
                         .swiper-slide{
                            .imgWarpper{
                                .info{
                                   display: none;
                                } 
                            } 
                         } 
                    }
                } 
            } 
           .aboutWrap{
            padding: 30px 2vw;
            .Wrap{
                padding-left: 0;
                flex-direction: column;
                .left{
                    margin-bottom: 20px;
                    .about_title{
                        font-size: 40px;
                    }
                }
           }
           } 
           .proWrap{
                .Wrap{
                    flex-direction: column;
                    .right{
                        flex-direction: column;
                    }
                }
           }
           .whatWrap{
            flex-direction: column;
            .left{
               .titleWrap{
                margin-left: 0;
                width: 95%;
                margin: 0 auto;
               }
            }
            .right{
                padding: 5vw 2vw;
                .contact{
                    position: static;
                    margin-bottom: 10px;
                }
                .hd{
                    ul{
                        
                        li{
                            .icon{
                                svg{
                                    width: 50px;
                                    height: 50px;
                                }
                            }
                            flex: 0 33.3333333%;
                            &:nth-child(3){
                                margin-right: 0;
                            }
                            &:nth-child(4){
                                margin-left: 0;
                            }
                        }
                    }
                }
                 .bd{
                    margin-top: 30px;
                    position: static;
                    width: 100%;
                }
            }
           } 
           .standWrap{
            background-size: 100% 100%;
            padding: 3vw 0;
             .titleWrap{
                flex-direction: column;
                gap: 10px;
                .title{
                    .index_desc{
                        font-size: 20px;
                    }
                }
             }
             .list{
                margin-top: 30px;
                flex-direction: column;
                transform: translateY(0);
                li{
                   
                }
             }
           }
           .newWrap{
                .Wrap{
                    flex-direction: column;
                }
           } 
           .loveWrap{
                .Wrap{
                    padding-left: 0;
                    padding:0 2vw 50px 2vw;
                    flex-direction: column;
                    .left{
                        .title{
                            font-size: 25px;
                        }
                    } 
                    .right{
                        width: 100%;
                    }
                    .swiper-button-next,.swiper-button-prev{
                        background-color: transparent;
                    }
                }
           } 
           .quoteWrap{
            .Wrap{
                flex-direction: column;
            }
           } 
        }
        .page_main{
            aside{
                display: none;
            }
            .main{
                width: 100%;
                ul{
                    justify-content: space-between;
                    li{
                        a{
                            .imgWarpper{
                                margin: 0 auto;
                            }
                            .info{
                                padding: 1vw;
                            }
                        }
                        
                    }
                }
            }
            .detail_main{
            .customWarp{
                .list{
                    flex-direction: column;
                }
                .videoWarp{
                     .list{
                        flex-direction: column-reverse;
                        .left{
                            flex: auto;
                            height: 500px;
                        }
                     }
                }
                .material{
                    .list{
                         flex-direction: column;
                    }
                    .list01{
                        .right{
                           ul{
                            li{
                                flex:0 42%
                            }
                           }
                        }
                    } 
                } 
            }
            .stampingWarp{
                .list{
                    flex-direction: column;
                }
                .material{
                    .list{
                        flex-direction: column;
                    }
                }
                .videoWarp{
                    .list{
                        flex-direction: column;
                        .left{
                            flex: auto;
                            height: 500px;
                        }
                    }  
                } 
            } 
            .PremiumWarp{
                .processes{
                    .list{
                        .Warp{
                            flex-direction: column;
                        }
                    } 
                } 
            } 
            
        }
        }
        
        
        
    }
    
}


// 手机导航
@media screen and (max-width:950px){
    
    .mobile-head-item .title:before{font-family: "fontawesome";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;font-variant: normal;text-transform: none;}
    .mobile-body-mask {width:100%;height:100vh;background:rgba(0, 0, 0, 0.6);position:fixed;left:0;top:0;z-index:999 }
    .mobile-ico-close {width:30px;height:30px;background:#fff url(../img/mobile_close.png) center center no-repeat;background-size:50% auto;position:absolute;right:-35px;top:0;}
    .sub-content {position:relative;display:block;right:auto;border-radius:0;border:none;box-shadow:none;z-index:99999;}
    .lang-more {display:none !important }
    .mobile-head-items {position:fixed;top:0;left:0;background:#070278;width:100%;height:25px;line-height:25px;text-align:left;display:block;z-index:999;}
    .mobile-head-item {float:left;width:45px;}
    .mobile-head-item.mobile-head-aside {float:right }
    .mobile-head-item .title {width:100%;height:25px;line-height:25px;overflow:hidden;text-align:center;color:#FFF;cursor: pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
    .mobile-head-item .title a {position:relative;display:block;color:#FFF;}
    .mobile-head-item.mobile-head-home .title a:before {content:'\f015';}
    .mobile-head-item.mobile-head-nav .title:before {content:'\f0c9';}
    .mobile-head-item.mobile-head-language .title:before {content:"\f1ab";}
    .mobile-head-item.mobile-head-search .title:before {content:"\f002";}
    .mobile-head-item.mobile-head-social .title:before {content:"\f007";}
    .mobile-head-item.mobile-head-aside .title:before {content:"\f060";}
    .mobile-head-item .main-content-wrap {background:#FFF;top:0;display:block;z-index:99999;}
    .mobile-head-item .main-content-wrap .content-wrap {overflow-y: auto;height:100%;padding:15px 10px;background-color: #fff;}
    .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {overflow-y:hidden;}
    .mobile-head-item .side-content-wrap {position:fixed;display:block;left:-70%;width:70%;height:100%;}
    .mobile-head-item .middle-content-wrap {position:absolute;left:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden;}
    .mobile-head-item .middle-show-content-wrap {top:30px;visibility:visible;opacity:1;}
    // .index_head .logo{position:relative;display:block;float: none;text-align: center;padding:15px 0;}
    // .index_head{padding:25px 0 0;height:auto;}
    // .index_head .nav_wrap .head_nav,.index_head .change-language,.index_head .btn--search{display:none;}
    // .index_head .nav_wrap{position: static;}
    // .nav_wrap .logo img{height: 100px;}
    .index_head .btn--search{ right:0;top:-20px;margin:0;}
    .index_head .head-search{display: none;}
    .head-search{position:relative;width:90%;height:35px;background:#000;margin:0 auto;}
    .head-search .search-ipt{position:absolute;width:100%;height:100%;left:0;top:0;color:#FFF;padding:0 10px;}
    .head-search .search-btn{position:absolute;width:35px;height:100%;background:url(../img/search_btn_mobile.png) no-repeat center center;-webkit-background-size: auto 16px;background-size: auto 16px;border:none;right:0;top:0;display:block !important;}
    .head-search .search-attr{display:none;}
    // // /* header */
    // // .index_head .head_right{display: none;}
    // // .head_layer .layout{display: block;text-align: center;}
    // // .index_web_head{position: static;text-align: center;}
    // // .index_web_head .head_layer{position: static;}
    // // .path_bar {background-attachment: scroll!important;}
    // /*nav */
    // .head_nav{width: 100%;}
    // .head_nav li {position:relative;display:block;width:100%;font-size:16px;}
    // .head_nav > li {border-bottom: 1px solid #eee;line-height:35px;}
    // .head_nav > li:after {content: '\f105';position: absolute;right: 0;top:0;color:#999;font-size:12px;}
    // .head_nav li ul {display:block;width:100%;}
    // .head_nav li ul li {width:auto;padding:0 10px;font-size:14px;text-transform:lowercase;line-height:30px;}
    // .head_nav li ul li:before {content:"";width:3px;height:3px;background:#999;border-radius:50%;position:absolute;left:0;top:15px;}
    // .head_nav li ul li li {line-height:25px;}
    // .head_nav li ul li li:before {display:none;}
    // .index_head .nav_wrap{display: none;}
}
/*-------------------------------
search  start
----------------------------------*/


.search-ipt {
    border: 0;
    background: transparent;
    border-radius: 0;
    -webkit-appearance: none;
}

.web-search {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    visibility: hidden;
}

.web-search .btn--search-close {
    display: inline-block;
    font-size: 1.8em;
    border-radius: 50%;
    position: absolute;
    top: 1.25em;
    right: 1.25em;
    display: none;
    background-image: url(../img/search_btn_close.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: auto 35%;
    background-size: auto 35%;
    background-color: #ccc;
    width: 42px;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    -webkit-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
}

.web-search .btn--search-close:hover {
    background-color: #FF6B00;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.js .btn--search-close {
    display: block;
}

.web-search .search-ipt {
    font-family: inherit;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 75%;
    padding: 0.05em 0;
    color: #333;
    border-bottom: 3px solid;
    font-size: 20px;
    line-height: 10px
}

.web-search .search-ipt::-webkit-input-placeholder {
    color: #333;
    font-weight: bold;
}

.web-search .search-ipt::-moz-placeholder {
    opacity: 1;
    color: #333;
    font-weight: bold;
}

.web-search .search-ipt:-ms-input-placeholder {
    color: #333;
    font-weight: bold;
}

.web-search .search-ipt::-webkit-search-cancel-button,
.web-search .search-ipt::-webkit-search-decoration {
    -webkit-appearance: none;
}

.web-search .search-ipt::-ms-clear {
    display: none;
}

.web-search .search-attr {
    font-size: 90%;
    display: block;
    width: 75%;
    margin: 0 auto;
    padding: 0.85em 0;
    text-align: right;
    color: #333;
}

.js .container {
    position: relative;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.js .main-wrap--move {
    height: 100vh;
}

.js .web-search {
    pointer-events: none;
}

.js .search--open {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

.web-search .btn--search-close {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.search--open .btn--search-close {
    opacity: 1;
    -webkit-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    -webkit-animation: bounceInA 1s ease;
    -o-animation: bounceInA 1s ease;
    animation: bounceInA 1s ease;
}

.search__suggestion,
.web-search .search-attr {
    opacity: 0;
    -moz-transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -moz-transition: opacity 0.8s, transform 0.8s;
    -webkit-transition: opacity 0.8s, transform 0.8s;
    -ms-transition: opacity 0.8s, transform 0.8s;
    -o-transition: opacity 0.8s, transform 0.8s;
    transition: opacity 0.8s, transform 0.8s;
}

.search--open .search-attr {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    font-size: 20px;
}

.js .web-search .search-ipt {
    font-size: 60px;
    font-weight: bold;
    border-bottom-width: 1px;
    padding: 15px 0;
    -moz-transform: scale3d(0, 1, 1);
    -webkit-transform: scale3d(0, 1, 1);
    -ms-transform: scale3d(0, 1, 1);
    -o-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -moz-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -moz-transition: transform .3s;
    -webkit-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    opacity: 0;
    text-transform: uppercase;
}

.js .web-search .search-ipt,
.web-search .search-attr {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.js .search--open .search-ipt {
    -moz-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.js .search--open .search-btn {
    display: none !important;
}

.web-search .search-attr {
    padding-bottom: 0;
}

.js .web-search {
    width: 70%;
    height: 240px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 50px 0;
    margin: auto;
    border-radius: 8px;
    z-index: 100001;
    perspective: 1200px;
}

.js .web-search::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255, 255, 255, 0.98);
    background-color: #fff\9;
    -webkit-transform: translateY(-30%) scale(1, 0);
    -ms-transform: translateY(-30%) scale(1, 0);
    -o-transform: translateY(-30%) scale(1, 0);
    transform: translateY(-30%) scale(1, 0);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.js .search--open::before {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.main-wrap--move:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100000;
}

/*-------------------------------
            search  end
            ----------------------------------*/


/*-------------------------------
language  start
----------------------------------*/

.prisna-wp-translate-seo {
    display: none;
    font-family: Arial, Helvetica, sans-serif;
}

.mobile-head-language .prisna-wp-translate-seo,
.change-language .prisna-wp-translate-seo {
    display: block
}

.change-language .change-language-title,
.change-language .change-language-title a {
    color: #2A2B32;
    font-size: 10pt;
}

.change-language .change-language-title a:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 4px solid #2A2B32;
    border-top-width: 5px;
    border-bottom: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    vertical-align: middle;
}

.change-language:hover .change-language-title a:after {
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.change-language .change-language-cont {
    position: absolute;
    top: 36px;
    right: 0;
    width: 360px;
    background: #FFF;
    padding: 20px 10px 20px 20px;
    transform: scale3d(0.9, 0.9, 1);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow-y: scroll;
    max-height: 80vh;
}

.change-language:hover .change-language-cont {
    transform: scale3d(1, 1, 1);
    opacity: 1;
    visibility: visible;
}

.change-language .change-language-cont li {
    display: inline-block;
    vertical-align: top;
    width: 29%;
    margin: 0 0 10px;
    font-size: 10pt;
    overflow: hidden;
    padding: 0 10px 0 0;
}

.change-language .change-language-cont li a:hover {
    color: #e60011;
}

.change-language .change-language-cont .lang-item-hide {
    display: none !important;
}

.change-language .change-language-cont .lang-more {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
}

.change-language .change-language-cont .more-active {
    font-size: 20px;
}

.language-flag span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    white-space: nowrap;
    padding: 0 0 0 33px;
    overflow: hidden;
}

.change-language ::-webkit-scrollbar {
    width: 5px;
}

.change-language ::-webkit-scrollbar-track {
    background-color: #fff;
}

.change-language ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 3px;
}

.change-language .language-cont:hover::-webkit-scrollbar-thumb {
    display: block
}

.language-flag .country-flag {
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    background-repeat: no-repeat;
    background-image: url(../img/all-m.gif);
    width: 22px;
    height: 16px;
    margin: -8px 5px 0;
}

li.language-flag a {
    position: relative;
}

.language-flag-af .country-flag {
    background-position: 0 0 !important;
}

.language-flag-sq .country-flag {
    background-position: 0 -16px !important;
}

.language-flag-ar .country-flag {
    background-position: 0 -32px !important;
}

.language-flag-hy .country-flag {
    background-position: 0 -48px !important;
}

.language-flag-az .country-flag {
    background-position: 0 -64px !important;
}

.language-flag-eu .country-flag {
    background-position: 0 -80px !important;
}

.language-flag-be .country-flag {
    background-position: 0 -96px !important;
}

.language-flag-bg .country-flag {
    background-position: 0 -112px !important;
}

.language-flag-ca .country-flag {
    background-position: 0 -128px !important;
}

.language-flag-zh .country-flag {
    background-position: 0 -144px !important;
}

.language-flag-zh-TW .country-flag {
    background-position: 0 -160px !important;
}

.language-flag-hr .country-flag {
    background-position: 0 -176px !important;
}

.language-flag-cs .country-flag {
    background-position: 0 -192px !important;
}

.language-flag-da .country-flag {
    background-position: 0 -208px !important;
}

.language-flag-nl .country-flag {
    background-position: 0 -240px !important;
}

.language-flag-en .country-flag {
    background-position: 0 -256px !important;
}

.language-flag-et .country-flag {
    background-position: 0 -272px !important;
}

.language-flag-tl .country-flag {
    background-position: 0 -288px !important;
}

.language-flag-fi .country-flag {
    background-position: 0 -304px !important;
}

.language-flag-fr .country-flag {
    background-position: 0 -320px !important;
}

.language-flag-gl .country-flag {
    background-position: 0 -336px !important;
}

.language-flag-ka .country-flag {
    background-position: 0 -352px !important;
}

.language-flag-de .country-flag {
    background-position: 0 -368px !important;
}

.language-flag-el .country-flag {
    background-position: 0 -384px !important;
}

.language-flag-ht .country-flag {
    background-position: 0 -400px !important;
}

.language-flag-iw .country-flag {
    background-position: 0 -416px !important;
}

.language-flag-hi .country-flag,
.language-flag-te .country-flag,
.language-flag-kn .country-flag,
.language-flag-ta .country-flag,
.language-flag-gu .country-flag {
    background-position: 0 -432px !important;
}

.language-flag-hu .country-flag {
    background-position: 0 -448px !important;
}

.language-flag-is .country-flag {
    background-position: 0 -464px !important;
}

.language-flag-id .country-flag {
    background-position: 0 -480px !important;
}

.language-flag-ga .country-flag {
    background-position: 0 -496px !important;
}

.language-flag-it .country-flag {
    background-position: 0 -512px !important;
}

.language-flag-ja .country-flag {
    background-position: 0 -528px !important;
}

.language-flag-ko .country-flag {
    background-position: 0 -544px !important;
}

.language-flag-la .country-flag {
    background-position: 0 -560px !important;
}

.language-flag-lv .country-flag {
    background-position: 0 -576px !important;
}

.language-flag-lt .country-flag {
    background-position: 0 -592px !important;
}

.language-flag-mk .country-flag {
    background-position: 0 -608px !important;
}

.language-flag-ms .country-flag {
    background-position: 0 -624px !important;
}

.language-flag-mt .country-flag {
    background-position: 0 -640px !important;
}

.language-flag-no .country-flag {
    background-position: 0 -656px !important;
}

.language-flag-fa .country-flag {
    background-position: 0 -672px !important;
}

.language-flag-pl .country-flag {
    background-position: 0 -688px !important;
}

.language-flag-pt .country-flag {
    background-position: 0 -704px !important;
}

.language-flag-ro .country-flag {
    background-position: 0 -720px !important;
}

.language-flag-ru .country-flag {
    background-position: 0 -736px !important;
}

.language-flag-sr .country-flag {
    background-position: 0 -752px !important;
}

.language-flag-sk .country-flag {
    background-position: 0 -768px !important;
}

.language-flag-sl .country-flag {
    background-position: 0 -784px !important;
}

.language-flag-es .country-flag {
    background-position: 0 -800px !important;
}

.language-flag-sw .country-flag {
    background-position: 0 -816px !important;
}

.language-flag-sv .country-flag {
    background-position: 0 -832px !important;
}

.language-flag-th .country-flag {
    background-position: 0 -848px !important;
}

.language-flag-tr .country-flag {
    background-position: 0 -864px !important;
}

.language-flag-uk .country-flag {
    background-position: 0 -880px !important;
}

.language-flag-ur .country-flag {
    background-position: 0 -896px !important;
}

.language-flag-vi .country-flag {
    background-position: 0 -912px !important;
}

.language-flag-cy .country-flag {
    background-position: 0 -928px !important;
}

.language-flag-yi .country-flag {
    background-position: 0 -944px !important;
}

.language-flag-bn .country-flag {
    background-position: 0 -960px !important;
}

.language-flag-eo .country-flag {
    background-position: 0 -976px !important;
}

.language-flag.language-flag-custom-afghanistan .country-flag {
    background-position: 0 -992px !important;
}

.language-flag.language-flag-custom-albania .country-flag {
    background-position: 0 -1008px !important;
}

.language-flag.language-flag-custom-algeria .country-flag {
    background-position: 0 -1024px !important;
}

.language-flag.language-flag-custom-argentina .country-flag {
    background-position: 0 -1040px !important;
}

.language-flag.language-flag-custom-australia .country-flag {
    background-position: 0 -1056px !important;
}

.language-flag.language-flag-custom-austria .country-flag {
    background-position: 0 -1072px !important;
}

.language-flag.language-flag-custom-belgium .country-flag {
    background-position: 0 -1088px !important;
}

.language-flag.language-flag-custom-brazil .country-flag {
    background-position: 0 -1104px !important;
}

.language-flag.language-flag-custom-canada .country-flag {
    background-position: 0 -1120px !important;
}

.language-flag.language-flag-custom-chile .country-flag {
    background-position: 0 -1136px !important;
}

.language-flag.language-flag-custom-cote-d-ivoire .country-flag {
    background-position: 0 -1152px !important;
}

.language-flag.language-flag-custom-ecuador .country-flag {
    background-position: 0 -1168px !important;
}

.language-flag.language-flag-custom-egypt .country-flag {
    background-position: 0 -1184px !important;
}

.language-flag.language-flag-custom-england .country-flag {
    background-position: 0 -1200px !important;
}

.language-flag.language-flag-custom-luxembourg .country-flag {
    background-position: 0 -1216px !important;
}

.language-flag.language-flag-custom-malaysia .country-flag {
    background-position: 0 -1232px !important;
}

.language-flag.language-flag-custom-mexico .country-flag {
    background-position: 0 -1248px !important;
}

.language-flag.language-flag-custom-new-zealand .country-flag {
    background-position: 0 -1264px !important;
}

.language-flag.language-flag-custom-oman .country-flag {
    background-position: 0 -1280px !important;
}

.language-flag.language-flag-custom-qatar .country-flag {
    background-position: 0 -1296px !important;
}

.language-flag.language-flag-custom-saudi-arabia .country-flag {
    background-position: 0 -1312px !important;
}

.language-flag.language-flag-custom-singapore .country-flag {
    background-position: 0 -1328px !important;
}

.language-flag.language-flag-custom-south-africa .country-flag {
    background-position: 0 0 !important;
}

.language-flag.language-flag-custom-switzerland .country-flag {
    background-position: 0 -1344px !important;
}

.language-flag.language-flag-custom-syria .country-flag {
    background-position: 0 -1360px !important;
}

.language-flag.language-flag-custom-united-arab-emirates .country-flag {
    background-position: 0 -1376px !important;
}

.language-flag.language-flag-custom-united-states-of-america .country-flag {
    background-position: 0 -1392px !important;
}

.language-flag-hy .country-flag {
    background-position: 0 -1408px;
}

.language-flag-bs .country-flag {
    background-position: 0 -1424px;
}

.language-flag-ceb .country-flag {
    background-position: 0 -1440px;
}

.language-flag-ny .country-flag {
    background-position: 0 -1456px;
}

.language-flag-ha .country-flag {
    background-position: 0 -1472px;
}

.language-flag-hmn .country-flag {
    background-position: 0 -1488px;
}

.language-flag-ig .country-flag {
    background-position: 0 -1504px;
}

.language-flag-jw .country-flag {
    background-position: 0 -1520px;
}

.language-flag-kk .country-flag {
    background-position: 0 -1536px;
}

.language-flag-km .country-flag {
    background-position: 0 -1552px;
}

.language-flag-lo .country-flag {
    background-position: 0 -1568px;
}

.language-flag-la .country-flag {
    background-position: 0 -1584px;
}

.language-flag-mg .country-flag {
    background-position: 0 -1600px;
}

.language-flag-ml .country-flag {
    background-position: 0 -1616px;
}

.language-flag-mi .country-flag {
    background-position: 0 -1632px;
}

.language-flag-mr .country-flag {
    background-position: 0 -1648px;
}

.language-flag-mn .country-flag {
    background-position: 0 -1664px;
}

.language-flag-my .country-flag {
    background-position: 0 -1680px;
}

.language-flag-ne .country-flag {
    background-position: 0 -1696px;
}

.language-flag-pa .country-flag {
    background-position: 0 -1712px;
}

.language-flag-st .country-flag {
    background-position: 0 -1728px;
}

.language-flag-si .country-flag {
    background-position: 0 -1744px;
}

.language-flag-so .country-flag {
    background-position: 0 -1760px;
}

.language-flag-su .country-flag {
    background-position: 0 -1776px;
}

.language-flag-tg .country-flag {
    background-position: 0 -1792px;
}

.language-flag-uz .country-flag {
    background-position: 0 -1808px;
}

.language-flag-yo .country-flag {
    background-position: 0 -1824px;
}

.language-flag-zu .country-flag {
    background-position: 0 -1840px;
}

/*-------------------------------
            language  end
            ----------------------------------*/



    